<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" media="screen and (max-width:440px)" href="css/two.css" />
		<link rel="stylesheet" type="text/css" media="screen and (max-width:440px)" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" media="screen and (min-width:440px)" href="css/one.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.1.0.min.css" />
		<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/swiper-4.1.0.min.js"></script>
	</head>

	<body>
		<div class="header">
			<div class="nav">
				<img src="img/logo-1.png" />
				<button class="btn btn-default anniu ohd">
				  	<span class="glyphicon glyphicon-list"></span>
				</button>
				<ul class="thd">
					<li>
						<a href="#" target="_blank">首页</a>
					</li>
					<li>
						<a href="#" target="_blank">关于我们</a>
					</li>
				</ul>
			</div>
			<script>
				$(".anniu").click(function(){
					$(".nav ul").slideToggle(300);
				})
			</script>
			<div class="rotation">
				<div class="swiper-container swiper-container-horizontal swiper-container-wp8-horizontal">
					<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-9639px, 0px, 0px);">
						<div class="swiper-slide" style="background-image: url(img/banner.jpg);">
							<p>一对一教学</p>
							<div>
								<span class="thd">扫码二维码咨询</span>
								<img src="img/erb.png" />
							</div>
						</div>
						<div class="swiper-slide" style="background-image: url(img/banner_02.jpg);">
						</div>
						<div class="swiper-slide" style="background-image: url(img/banner_01-02.jpg);">
							<p>一对一教学</p>
							<div>
								<span class="thd">扫码二维码咨询</span>
								<img src="img/erb.png" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<script>
				var swiper = new Swiper('.swiper-container', {
					spaceBetween: 30,
					centeredSlides: true,
					loop: true,
					autoplay: {
						delay: 3500,
						disableOnInteraction: false,
					},
				});
			</script>
		</div>

		<div class="sRotation">
			<div class="swiper-container2 swiper-container-horizontal swiper-container-wp8-horizontal">
				<div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1071px, 0px, 0px);">
					<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="9" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-invisible-blank swiper-slide-duplicate" data-swiper-slide-index="10" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-invisible-blank swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="11" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="2" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="3" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="4" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="5" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="6" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="7" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="8" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide" data-swiper-slide-index="9" style="background-image: url(img/teacher.png);"></div>
					<div class="swiper-slide swiper-slide-invisible-blank" data-swiper-slide-index="10" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-invisible-blank swiper-slide-duplicate-prev" data-swiper-slide-index="11" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="1" style="background-image: url(img/teacher.png)"></div>
					<div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="background-image: url(img/teacher.png);"></div>
				</div>
			</div>
			<script>
				var swiper = new Swiper('.swiper-container2', {
					slidesPerView: 6,
					spaceBetween: 30,
					slidesPerGroup: 1,
					loop:true,
					autoplay: {
						delay: 5000,
						disableOnInteraction: false,
					},
					loopFillGroupWithBlank: true,
					pagination: {
						el: '.swiper-pagination',
						clickable: true,
					},
					navigation: {
						nextEl: '.swiper-button-next',
						prevEl: '.swiper-button-prev',
					},
				});
				$(".sRotation .swiper-slide").mouseover(function(){
					$(this).addClass("ewm");
				})
				$(".sRotation .swiper-slide").mouseout(function(){
					$(this).removeClass("ewm");
				})
			</script>
		</div>
		<div class="footer">
			<p>京ICP备15013449号  京公网安备11010501032956 号</p>
			<p>增值电信业务经营许可证编号：京B2-20170053</p>
		</div>
	</body>
</html>